<template>
  <div class="container">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="main-center2 ">
        <div class="main-left2">
          <div class="con2">
          <div class="nav-tit">
            <div class="mleft">
            <h1 class="cur"  @click="goCourse()"> 我的备课包 </h1>
              <p>共有10个备课，拖动缩略图进行排序</p>
            </div>
            <div class="mright">
              <img src="static/img/t-huisz.png"> <img src="static/img/t-pl.png">   <img src="static/img/t-px.png">

              <el-input v-model="input"  style="width: 223px;" class="fl search-inp"   placeholder="输入名称搜索"></el-input><el-button class="fl">搜索</el-button>
            </div>
          </div>
            <div class="clear"></div>

            <ul class="bkb-list-gr" >
              <li>
                <img class="pic" src="static/img/pic.jpg">
                <div class="txt">
                  <p><span class="tit">6年级国学课1</span> </p>
                  <p><label class="   ">课件：6</label> <label class="date fr ">2021-01-28 13:00</label> 班级：6年级</p>
                  <p><label class="txt-l"><img src="static/img/t-pc.png"></label>

                  <div class="txt-r">
                  <label class="top mr40">置顶</label>
                  <label class="edit mr40">修改</label>
                  <label class="download mr40">下载</label>
                  <label class="delete  mr40"   @click="isDel = true">删除</label>
                  <label class="share  ">分享</label></div>  </p>
                </div>
              </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <div class="txt">
                <p><span class="tit">6年级国学课1</span> </p>
                <p><label class="   ">课件：6</label> <label class="date fr ">2021-01-28 13:00</label> 班级：6年级</p>
                <p><label class="txt-l"><img src="static/img/t-pc.png"></label>

                <div class="txt-r">
                <label class="top mr40">置顶</label>
                <label class="edit mr40">修改</label>
                <label class="download mr40">下载</label>
                <label class="delete  mr40"   @click="isDel = true">删除</label>
                <label class="share  ">分享</label></div>  </p>
              </div>
            </li>
              <li>
                <img class="pic" src="static/img/pic.jpg">
                <div class="txt">
                  <p><span class="tit">6年级国学课1</span> </p>
                  <p><label class="   ">课件：6</label> <label class="date fr ">2021-01-28 13:00</label> 班级：6年级</p>
                  <p><label class="txt-l"><img src="static/img/t-pc.png"></label>

                  <div class="txt-r">
                  <label class="top mr40">置顶</label>
                  <label class="edit mr40">修改</label>
                  <label class="download mr40">下载</label>
                  <label class="delete  mr40"   @click="isDel = true">删除</label>
                  <label class="share  ">分享</label></div>  </p>
                </div>
              </li>
              <li>
                <img class="pic" src="static/img/pic.jpg">
                <div class="txt">
                  <p><span class="tit">6年级国学课1</span> </p>
                  <p><label class="   ">课件：6</label> <label class="date fr ">2021-01-28 13:00</label> 班级：6年级</p>
                  <p><label class="txt-l"><img src="static/img/t-pc.png"></label>

                  <div class="txt-r">
                    <label class="top mr40">置顶</label>
                    <label class="edit mr40">修改</label>
                    <label class="download mr40">下载</label>
                    <label class="delete  mr40"   @click="isDel = true">删除</label>
                    <label class="share  ">分享</label></div>  </p>
                </div>
              </li>
            </ul>

            <div class="page-area mt30">
              <span type="button" class="btn-home fl">首页</span>
              <el-pagination
                background
                layout="  prev, pager, next "
                :total="1000">
              </el-pagination>
              <span type="button"   class="btn-last fr">尾页</span>
            </div>
          </div>

        </div>
        <div class="main-right2  ">

          <div class="con-menu "  @click="goLessons()">
            <div class="menu-img">
              <img src="static/img/r-ykt.png" alt="">
            </div>
            <div class="menu-item">
              中华经典云课堂
            </div>
          </div>


          <div class="con-menu2"  @click="goRes()">
            <div class="menu-img">
              <img src="static/img/r-upload.png" alt="">
            </div>
            <div class="menu-item">
              上传备课包
            </div>
          </div>
          <div class="con-menu2"  @click="goSpace()">
            <div class="menu-img">
              <img src="static/img/r-xj.png" alt="">
            </div>
            <div class="menu-item">
              新建备课包
            </div>
          </div>


          <div class="con-menu2"  @click="goLessonsAdd()">
            <div class="menu-img">
              <img src="static/img/r-gx.png" alt="">
            </div>
            <div class="menu-item">
              共享资源包
            </div>
          </div>
          <div class="con-menu2"  @click="goHome()">
            <div class="menu-img">
              <img src="static/img/r-home.png" alt="">
            </div>
            <div class="menu-item">
              首页
            </div>
          </div>

          <div class="con-menu "  @click="goBkb()">
            <div class="menu-img">
              <img src="static/img/bkb.png" alt="">
            </div>
            <div class="menu-item">
              我的备课包
            </div>
          </div>


        </div>
      </div>
    </div>

<div class="step_task">
  <div class="do"> <img src="static/img/t-down.png" alt=""></div>
<ul>
  <li >   您有三个打包任务     <span class="fr">一个已完成</span></li>

</ul>
</div>


    <div class="commDig"  v-if="isDel == true">
      <div class="title"><span>删除</span>  <span class="closed"  @click="isDel = false"><img src="static/img/close.png"></span></div>
      <div class="cont">
<span class="tip-warn">确定要删除？</span>
      </div>
      <div class="mt30 baseAct width100"><button class="cancel"  type="info">取消</button> <button  @click="goNext()" class="sure">确定</button> </div>
    </div>



    <div class="commDig"  v-if="isShare == true">
      <div class="title"><span>分享</span>  <span class="closed"  @click="isShare = false"><img src="static/img/close.png"></span></div>
      <div class="cont">
        <p class="tit">请选择分享位置</p>

        <p class="mt30">
        <el-select
          style="width: 300px; float: left;"
          v-model="value2"
          filterable
          allow-create
          default-first-option
          placeholder="请选择">
          <el-option
            v-for="item in options2"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
        </p>
      </div>
      <div class="mt30 baseAct width100"><button class="cancel"  type="info">取消</button> <button  @click="goNext()" class="sure">确定</button> </div>
    </div>



  </div>
</template>

<script>
import Header from '../../components/header.vue';
export default {
  data() {
    return {
      isDel:false,
      isShare:true,
      value:[],
      options2: [{
        value: '全网',
        label: '全网'
      }, {
        value: '本校',
        label: '本校'
      } ],
      value2: []};
  },
  created() {
  },
  methods: {
    goSpace(){
      this.$router.push("/space");
    },
    goLessonsAdd(){
      this.$router.push("/lessonsAdd");
    },
    goLessons(){
      this.$router.push("/lessonsList");
    },
    goRes(){
      this.$router.push("/courseList");
    },
    goBkb(){
      this.$router.push("/bkblist");
    },
    goHome() {
		  this.$router.push(localStorage.getItem('jump_path'));
      // if( localStorage.getItem('jump_path') == '/index' ){
      //   this.$router.push('/index');
      // }else if( localStorage.getItem('jump_path') == '/lecture' ){
      //   this.$router.push('/lecture');
      // }else if( localStorage.getItem('jump_path') == '/train' ){
      //   this.$router.push('/train');
      // }
    }
  },
  components:{Header}
};
</script>

<style lang="scss" scoped>
/deep/ .el-input__inner {
  height: 36px;
  line-height: 35px;
  outline: 0;
}
</style>
